
<!DOCTYPE html>
<html ng-app="app" ng-controller="appCtrl">
<head>
<title>{{appName}}</title>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport"
	content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

<link type="text/css" rel="stylesheet"
	href="jquery.mobile-1.4.4/jquery.mobile-1.4.4.min.css">
<link type="text/css" rel="stylesheet"
	href="jquery.mobile-1.4.4/custom-jquery.mobile-1.4.4.min.css">
<link type="text/css" rel="stylesheet"
	href="font-awesome-4.1.0/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="sellpic.css">

<script type="text/javascript" src="cordova.js"></script>

<script type='text/javascript' src='js/jquery-1.11.1.js'></script>
<script type='text/javascript'
	src='jquery.mobile-1.4.4/jquery.mobile-1.4.4.min.js'></script>
<script type='text/javascript' src='js/sellpic.js'></script>
<script type='text/javascript' src="js/angular.js"></script>
<script type='text/javascript' src="js/angular-resource.min.js"></script>
<script type='text/javascript' src="js/angular-route.min.js"></script>
<script type='text/javascript' src="js/angular-cookies.min.js"></script>
<script type='text/javascript' src="module/sellpic.app.js"></script>
</head>
<body onload="init()">

	<div data-role="page" id="splash">
		<div data-role="main"
			class="ui-content ui-content-table bgradient splash fullsize">
			<div class="inner-cell">
				<h1>{{appName}}</h1>
			</div>
			<!-- //.inner-cell -->
		</div>
		<!-- //.main -->
	</div>
	<!-- //#splash -->

	<div data-role="page" id="login" ng-controller="LoginCtrl">
		<div data-role="main"
			class="ui-content ui-content-table login fullsize">
			<div class="inner-cell">
				<div class="login-content">
					<h1>{{appName}}</h1>
					<fieldset>
						<legend>login or signin</legend>
						<form action="./" method="post">
							<div class="inner-wrap">
								<label for="email"><i class="fa fa-envelope"></i></label> <input
									type="email" ng-model="user.email" placeholder="Email Address"
									value="test@test.com" />
							</div>
							<div class="inner-wrap">
								<label for="pw"><i class="fa fa-lock"></i></label> <input
									type="password" ng-model="user.password" placeholder="Password"
									value="test1234" />
							</div>
							<div class="inner-wrap-2">
								<input type="checkbox" name="check" ng-model="user.check" /><label
									for="check">정보 저장</label>
								<div id="geolocation"></div>
							</div>
							<button type="submit" class="login_submit"
								ng-click="loginSubmit()">LOGIN</button>
							<button class="connect_facebook">
								<span><i class="fa fa-facebook"></i></span>Connect With Facebook
							</button>
						</form>
					</fieldset>
				</div>
				<!-- //.login-content -->
			</div>
			<!-- //.inner-cell -->
		</div>
		<!-- //.main -->
	</div>
	<!-- //#login -->


	<div data-role="page" id="main-content">

		<div data-role="panel" id="panel-menu" data-position="left"
			data-position-fixed="true">
			<div class="user">
				<div class="inner-table">
					<div class="inner-cell">
						<a href="#login" class="thumbnail"
							style="background-image: url(images/test-thumb.png)"> </a> <a
							href="#login" class="name"> 테스터 </a>
					</div>
				</div>
			</div>
			<!-- //.user -->
			<ul class="gnb">
				<li><i class="fa fa-home"></i><a href="#">홈</a></li>
				<li><i class="fa fa-folder-o"></i><a>카테고리</a>
					<ul class="depth-2">
						<li><a href="#">인물, 일상, 셀카</a></li>
						<li><a href="#">풍경, 관광</a></li>
						<li><a href="#">건물, 제품</a></li>
					</ul></li>
				<li><i class="fa fa-trophy"></i><a>순위</a>
					<ul class="depth-2">
						<li><a href="#">일일 베스트</a></li>
						<li><a href="#">주간 베스트</a></li>
						<li><a href="#">월간 베스트</a></li>
						<li><a href="#">TOP 100</a></li>
					</ul></li>
			</ul>
			<div class="log-out" ng-controller="LogOutCtrl">
				<i class="fa fa-sign-out"></i><a href="#"
					ng-really-message="Are you sure" ng-really-click="logOut()">로그아웃</a>
			</div>
		</div>
		<!-- //#panel-menu -->

		<div data-role="panel" id="panel-search" data-position="right">
			<h2>Panel Header..</h2>
			<p>Some text..</p>
		</div>
		<!-- //#panel-search -->

		<div data-role="header" class="main-header-table"
			data-position-fixed="true">
			<div class="main-header-cell">
				<a href="#panel-menu" class="btn-menu"><i class="fa fa-navicon"></i></a>
				<h1>{{appName}}</h1>
				<a href="#panel-search" class="btn-search"><i
					class="fa fa-search"></i></a>
			</div>
		</div>

		<div data-role="main" class="ui-content"></div>
		<div data-role="footer">
			<h1>Footer Text</h1>
		</div>

	</div>
	<!-- //#main-content -->



	<script
		src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBXPxak9tGn5yRvtliIUBMyFfIzqkkEqcA&sensor=false">
		
	</script>
	<style>
	#geolocation {
		width: 200px;
		height: 200px;
		background: #fff
	}
</style>
	<script>
		CommonUI.fn.init();
	</script>

</body>
</html>
